<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">


        div{
            font-family: 'nn';
        }
        /*自定义字体*/
        @font-face {
            font-family:'nn';
            src: url('font/LigatureSymbols.eot');
            src: url('font/LigatureSymbols.eot?#iefix') format('embedded-opentype'),
            url('font/LigatureSymbols.woff') format('woff'),
            url('font/LigatureSymbols.ttf') format('ttf'),
            url('font/LigatureSymbols.svg#LigatureSymbols') format('svg');
            font-weight: normal;
            font-style: normal;
        }
    </style>
</head>
<body>
    <h1>字体</h1>
    <div>this a long time</div>
</body>
</html>